const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');
const CracoLessPlugin = require('craco-less');

// craco配置文件中, 暴露出的这个配置对象上的很多配置都会合并到CRA内部的webpack的配置上
module.exports = {
  // 这里可以配置各种插件
  plugins: [
    {
      plugin: AntdDayjsWebpackPlugin
    },
    {
      plugin: CracoLessPlugin,
      // 描述了这个插件使用上的选项配置
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: {
              '@primary-color': 'pink', // 全局主色
            //   '@link-color': '#1890ff', // 链接色
            //   '@success-color': '#52c41a', // 成功色
            //   '@warning-color': '#faad14', // 警告色
            //  ' @error-color': '#f5222d', // 错误色
            //   '@font-size-base': '14px', // 主字号
            //   '@heading-color': 'rgba(0, 0, 0, 0.85)', // 标题色
            //   '@text-color': 'rgba(0, 0, 0, 0.65)', // 主文本色
            //   '@text-color-secondary': 'rgba(0, 0, 0, 0.45)', // 次文本色
            //   '@disabled-color': 'rgba(0, 0, 0, 0.25)', // 失效色
            //   '@border-radius-base': '2px', // 组件/浮层圆角
            //   '@border-color-base': '#d9d9d9', // 边框色
            //   '@box-shadow-base': '0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)', // 浮层阴影
            },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};